<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
	xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta property="fb:app_id" content="" />
	<meta property="fb:admins" content="" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link type="text/css" rel="stylesheet" href="public/bootstrap/css/bootstrap.css" />
    <!-- Them menu css and font-awesome -->
	<link type="text/css" rel="stylesheet" href="public/exts/navbar/source/css/sky-mega-menu.css" />
	<link href="public/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
    <!-- End menu Css -->
	<link type="text/css" rel="stylesheet" href="public/exts/css/select2.css" />
	<link type="text/css" rel="stylesheet" href="public/exts/css/select2-overwrite.css" />
	<link type="text/css" rel="stylesheet" href="public/exts/css/royalslider.css" />
	<link type="text/css" rel="stylesheet" href="public/exts/css/rs-universal.css" />
	<link type="text/css" rel="stylesheet" href="public/exts/css/style.css" />
	
    <!-- Van overwrite css -->
    <link  type="text/css" rel="stylesheet"  href="public/exts/css/van.css" />
    <!-- End van overwrite css -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="public/exts/js/jquery.scrollUp.min.js"></script>
	<script type="text/javascript" src="public/exts/js/jquery.royalslider.min.js"></script>
	<script type="text/javascript" src="public/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="public/exts/js/select2.min.js"></script>
	<script type="text/javascript" src="public/exts/js/general.js"></script>
	
    <!-- JS FOR MENU NAVBAR -->
    <script type="text/javascript" src="public/exts/navbar/source/js/jquery.placeholder.min.js"></script>
     <!-- END FOR MENU NAVBAR -->
	
	<title>TruyenCuaTui.com</title>

</head>

<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=608823499198313&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>



	<div id="wrapAll">
    <!-- Start Main Nav -->
   	 <div class="wrap_header"> 
		<nav class="navbar navbar-inverse navbar-1 my-navbar" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span
                    class="icon-bar"></span><span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="http://www.jquery2dotnet.com"><span class="glyphicon glyphicon-home"></span> TCT</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Manga</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-calendar"></span> Truyện Chữ</a></li>
                  <li><a href="#"><span class="glyphicon glyphicon-calendar"></span> Video</a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span
                    class="glyphicon glyphicon-list-alt"></span>Blog<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="http://www.jquery2dotnet.com">Action</a></li>
                        <li><a href="http://www.jquery2dotnet.com">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
                 <li ><a href="#">Upload Ảnh</a></li>
                 <li ><a href="#">Hỗ Trợ</a></li>
                 <li ><a href="#">Theo Dõi <b class="caret"></b> </a></li>
               
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span
                    class="glyphicon glyphicon-comment"></span>Chats <span class="label label-primary">42</span>
                </a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><span class="label label-warning">7:00 AM</span>Hi :)</a></li>
                        <li><a href="#"><span class="label label-warning">8:00 AM</span>How are you?</a></li>
                        <li><a href="#"><span class="label label-warning">9:00 AM</span>What are you doing?</a></li>
                        <li class="divider"></li>
                        <li><a href="#" class="text-center">View All</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span
                    class="glyphicon glyphicon-envelope"></span>Inbox <span class="label label-info">32</span>
                </a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><span class="label label-warning">4:00 AM</span>Favourites Snippet</a></li>
                        <li><a href="#"><span class="label label-warning">4:30 AM</span>Email marketing</a></li>
                        <li><a href="#"><span class="label label-warning">5:00 AM</span>Subscriber focused email
                            design</a></li>
                        <li class="divider"></li>
                        <li><a href="#" class="text-center">View All</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span
                    class="glyphicon glyphicon-user"></span>Admin <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><span class="glyphicon glyphicon-user"></span>Profile</a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-cog"></span>Settings</a></li>
                        <li class="divider"></li>
                        <li><a href="#"><span class="glyphicon glyphicon-off"></span>Logout</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </nav>
    <!-- End Main Nav -->


 	 <div style="max-width:1100px; margin:auto">
    	<a href="<?= HOME; ?>"><img style="width: 100%; height: auto; max-width:403px;" src="public/images/logo-small.png" alt="Truyencuatui.com logo" height="100" /></a>
    </div>
    <div class="clearfix"></div>

	<!-- Start Sub Navbar -->
    
			<ul class="sky-mega-menu sky-mega-menu-anim-scale sky-mega-menu-response-to-stack navbar-2">
				<!-- home -->
				<li>
					<a href="#"> Manga</a>
				</li>
				<!--/ home -->
				
				<!-- about -->
				<li aria-haspopup="true">
					<a href="#"><i class="fa fa-star"></i>About us <i class="caret"></i> </a>
					<div class="grid-container3">
						<ul>
							<li><a href="#"><i class="fa fa-globe"></i>Mission</a></li>
							<li aria-haspopup="true">
								<a href="#"><i class="fa fa-group"></i>Our Team</a>
								<div class="grid-container3">
									<ul>
										<li aria-haspopup="true">
											<a href="#"><i class="fa fa-male"></i>Markus Fisher</a>
											<div class="grid-container3">
												<ul>
													<li><a href="#"><i class="fa fa-leaf"></i>About</a></li>
													<li><a href="#"><i class="fa fa-tasks"></i>Skills</a></li>
													<li><a href="#"><i class="fa fa-comments"></i>Contacts</a></li>
												</ul>
											</div>
										</li>
										<li aria-haspopup="true">
											<a href="#"><i class="fa fa-female"></i>Leyla Sparks</a>
											<div class="grid-container3">
												<ul>
													<li><a href="#"><i class="fa fa-leaf"></i>About</a></li>
													<li><a href="#"><i class="fa fa-tasks"></i>Skills</a></li>
													<li><a href="#"><i class="fa fa-comments"></i>Contacts</a></li>
												</ul>
											</div>
										</li>
										<li aria-haspopup="true">
											<a href="#"><i class="fa fa-male"></i>Gleb Ismailov</a>
											<div class="grid-container3">
												<ul>
													<li><a href="#"><i class="fa fa-leaf"></i>About</a></li>
													<li><a href="#"><i class="fa fa-tasks"></i>Skills</a></li>
													<li><a href="#"><i class="fa fa-comments"></i>Contacts</a></li>
												</ul>
											</div>
										</li>
										<li><a href="#"><i class="fa fa-female"></i>Viktoria Gibbers</a>
									</li>
									</ul>
								</div>
							</li>
							<li><a href="#"><i class="fa fa-trophy"></i>Rewards</a></a></li>
							<li><a href="#"><i class="fa fa-certificate"></i>Certificates</a></a></li>
						</ul>
					</div>
				</li>
				<!--/ about -->
				
				<!-- news -->
				<li aria-haspopup="true">
					<a href="#"><i class="fa fa-bullhorn"></i>News</a>
					<div class="grid-container3">
						<ul>
							<li><a href="#"><i class="fa fa-check"></i>Company</a></li>
							<li><a href="#"><i class="fa fa-check"></i>Products</a></li>
							<li><a href="#"><i class="fa fa-check"></i>Specials</a></li>
						</ul>
					</div>
				</li>
				<!--/ news -->
				
				<!-- portfolio -->
				<li aria-haspopup="true">
					<a href="#"><i class="fa fa-briefcase"></i>Portfolio</a>
					<div class="grid-container3">
						<ul>
							<li><a href="#"><i class="fa fa-lemon-o"></i>Logos</a></li>
							<li><a href="#"><i class="fa fa-globe"></i>Websites</a></li>
							<li><a href="#"><i class="fa fa-th-large"></i>Branding</a></li>
							<li><a href="#"><i class="fa fa-picture-o"></i>Illustrations</a></li>
						</ul>
					</div>
				</li class="right">
				<!--/ portfolio -->
				
				<!-- blog -->
				<li>
					<a href="#"><i class="fa fa-edit"></i>Blog</a>
				</li>
				<!--/ blog -->
				
				<!-- search form -->
				<li class="right search">					
					<form action="#">					
						<div class="input">
							<button type="submit" class="button">Tìm Truyện</button>
							<input type="text" placeholder="Search" id="menu-search-box">
						</div>					
					</form>
				</li>
				<!--/ search form -->
			</ul>

    <!--End sub navbar-->
    </div> <!-- End wrap header class --> 	
	

	<div style="height:7px"></div>
		<!------------------------------- CONTENT --------------------------------->		
		
		<div id="wrap-content">
			<div class="wrap-section" id="section-video">
			
<!--------------------------------Main Content---------------------------------->

				<div class="section-content">
					<div class="row row-section-content" id="video-section-content">
					<div class="detail-info" id="video-detail-info">
						<h1>The Dragon next door The Dragon next door </h1>
						<div class="col-md-8">
							<div class="video-container"><iframe width="560" height="315" src="//www.youtube.com/embed/d5CC95lE8uE" frameborder="0" allowfullscreen></iframe></div>
							<div style="height: 10px;"></div>
							
							<div class="my-panel" id="video-comment-panel" >
								
								
								
								<div class="panel-featured-row" style="padding: 5px;">
									<div class="fb-comments" data-href="http://developers.facebook.com/docs/plugins/comments/" data-width="100%" data-numposts="15" data-colorscheme="light"></div>
								</div>
							</div>
						</div>
						
						<div class="col-md-4">
							<div class="right-section" id="related-video">
								<div class="right-title">
									<span class="video-panel-title-a">Video liên quan</span>
									
								</div>
								<div class="right-content" id="right-content-related-video">
									<div class="video-small-item ">
										<a class="small-image-item" href="#"><img class="img-responsive" src="https://i.ytimg.com/vi/27HAyVA5F-U/mqdefault.jpg" alt="" /><span class="views badge">567 views</span></a>
										<a class="small-title" href="#">Angel Beats Op Full My Soul, Your Beats (Yui ver.)</a>
                                        <div class="row featured-item-new-chapt hidden-xs">
                                        	<div class="col-md-6">
                                            	<a href="">Tin Tin</a>
                                            </div>
                                            <div class="col-md-6">
                                            3 giờ trước
                                            </div>
                                        </div> <!-- End row -->
										
										<div class="clr"></div>
									</div>
									
									<div class="video-small-item ">
										<a class="small-image-item" href="#"><img class="img-responsive" src="https://i.ytimg.com/vi/NYhskwf97Wo/mqdefault.jpg" alt="" /><span class="views badge">5400 views</span></a>
										<a class="small-title" href="#">Gạt Đi Nước Mắt ( Version Dance ) - Noo Phước Thịnh Ft </a>
                                        <div class="row featured-item-new-chapt hidden-xs">
                                        	<div class="col-md-6">
                                            	<a href="">Luxubu</a>
                                            </div>
                                            <div class="col-md-6">
                                            1 giờ trước
                                            </div>
                                        </div> <!-- End row -->
										<div class="clr"></div>
									</div>
									
									<div class="video-small-item ">
										<a class="small-image-item" href="#"><img class="img-responsive" src="https://i.ytimg.com/vi_webp/te0ELOvHyV4/mqdefault.webp" alt="" /><span class="views badge">100 views</span></a>
										<a class="small-title" href="#">Chờ ngày mưa tan + Hạnh phúc xuân ngời - Noo Phước </a>
										 <div class="row featured-item-new-chapt hidden-xs">
                                        	<div class="col-md-6">
                                            	<a href="">BanhMi</a>
                                            </div>
                                            <div class="col-md-6">
                                            2 giờ trước
                                            </div>
                                        </div> <!-- End row -->
										<div class="clr"></div>
									</div>
									
									<div class="video-small-item ">
										<a class="small-image-item" href="#"><img class="img-responsive" src="https://i.ytimg.com/vi/Lsl61IjZc0U/mqdefault.jpg" alt="" /><span class="views badge">500 views</span></a>
										<a class="small-title" href="#">BOOM BOOM CASH - ONE LIFE [ OFFICIAL MV ]3.2</a></span>
                                         <div class="row featured-item-new-chapt hidden-xs">
                                        	<div class="col-md-6">
                                            	<a href="">HeoCon</a>
                                            </div>
                                            <div class="col-md-6">
                                            2 giờ trước
                                            </div>
                                        </div> <!-- End row -->
										<div class="clr"></div>
									</div>
									
									<div class="video-small-item ">
										<a class="small-image-item" href="#"><img class="img-responsive" src="https://i.ytimg.com/vi/Lsl61IjZc0U/mqdefault.jpg" alt="" /><span class="views badge">60 views</span></a>
										<a class="small-title" href="#">Donnie Yen Road to THE MONKEY KING《西游記之大鬧</a>
										  <div class="row featured-item-new-chapt hidden-xs">
                                        	<div class="col-md-6">
                                            	<a href="">Cá  Heo</a>
                                            </div>
                                            <div class="col-md-6">
                                            1 ngày trước
                                            </div>
                                        </div> <!-- End row -->
										<div class="clr"></div>
									</div>
									
									
								</div><!-- /.right-content -->
							</div><!-- /#right-comment -->
						</div>
						<div class="clr">	</div>
					</div>
					
					
					
					
						
                        
                        <!-- RIGHT -----------------------------------------------  -->
						
					</div><!-- /#video-section-content -->
				</div>
				<!-- /.section-content -->
			</div><!-- /#section-manga -->
			
			
			
			
			
			
			
			
			
			
			<div id="toTop"></div>
			
			<div class="clr"></div>
		</div><!-- /#wrap-content -->
		
		<div id="wrap-footer">
			<div id="border-wrap-footer"></div>
			<div id="footer">
				<ul id="footer-nav">
					<li><a href="#">Trang chủ</a></li>
					<li><a href="#">Manga</a></li>
					<li><a href="#">Truyện chữ</a></li>
				</ul>
				<div class="clr"></div>
			</div>
			<div class="clr"></div>
		</div>
		
		<script type="text/javascript" src="public/exts/js/general.js"></script>
	</div><!-- end #wrapAll -->
	
</body>
</html>
